<!DOCTYPE html>
<html>
    <head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

        <title>
            @section('title')
				SB Admin - Bootstrap Admin Template
            @show
        </title>
		
        <!-- CSS are placed here -->
        {{ HTML::style('sb-admin/css/bootstrap.min.css') }}
		{{ HTML::style('sb-admin/css/sb-admin.css') }}
		{{ HTML::style('sb-admin/css/plugins/morris.css') }}
		{{ HTML::style('sb-admin/font-awesome/css/font-awesome.min.css') }}
		{{ HTML::style('css/custom.css') }}
        
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->

        @section('styles')
        @show
    </head>

    <body>

		<div id="wrapper">

			<!-- Navigation -->
			<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html">Admin</a>
				</div>
				<!-- Top Menu Items -->
				<ul class="nav navbar-right top-nav">
					<li class="dropdown">
						<a href="{{ url('/') }}" class="dropdown-toggle"><i class="fa fa-user"></i> HOME</a>
					</li>
				</ul>
				<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<ul class="nav navbar-nav side-nav">
						<li>
							<a href="{{ url('users') }}"><i class="fa fa-fw fa-user"></i> User Management</a>
						</li>
						<li>
							<a href="{{ url('departments') }}"><i class="fa fa-fw fa-users"></i> Department Management</a>
						</li>
						<li>
							<a href="{{ url('category') }}"><i class="fa fa-fw fa-bars"></i> Category Management</a>
						</li>
						<li>
							<a href="{{ url('templates') }}"><i class="fa fa-fw fa-edit"></i> Template Management</a>
						</li>
						<!--li>
							<a href="bootstrap-elements.html"><i class="fa fa-fw fa-desktop"></i> Bootstrap Elements</a>
						</li>
						<li>
							<a href="bootstrap-grid.html"><i class="fa fa-fw fa-wrench"></i> Bootstrap Grid</a>
						</li>
						<li>
							<a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-arrows-v"></i> Dropdown <i class="fa fa-fw fa-caret-down"></i></a>
							<ul id="demo" class="collapse">
								<li>
									<a href="#">Dropdown Item</a>
								</li>
								<li>
									<a href="#">Dropdown Item</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="blank-page.html"><i class="fa fa-fw fa-file"></i> Blank Page</a>
						</li>
						<li>
							<a href="index-rtl.html"><i class="fa fa-fw fa-dashboard"></i> RTL Dashboard</a>
						</li-->
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
			
			<div id="page-wrapper">

				<div class="container-fluid">
					<!-- Success-Messages -->
					@if ($message = Session::get('success'))
					<div class="row">
						<div class="col-lg-12">
							<div class="alert alert-success alert-block">
								<button type="button" class="close" data-dismiss="alert">&times;</button>
								<h4>Success</h4>
								{{{ $message }}}
							</div>
						</div>
					</div>
					@endif	
					
					@yield('content')
					
				</div>
			</div>

		</div>
		<!-- /#wrapper -->

		@section('endscript')
			<!-- Scripts are placed here -->
			{{ HTML::script('sb-admin/js/jquery.js') }}
			{{ HTML::script('sb-admin/js/bootstrap.min.js') }}
        @show
    </body>
</html>